/* The css of Header */


.header {
  height: 50px;
  width: 100%;
  background-color: rgb(243, 243, 243);
  padding: 15px 10%;
  border-bottom: 1px solid rgba(224, 224, 224, 0.749);
}

p {
  margin: 0;
}

.search {
  margin: 15px 0;
  border: 1px solid rgba(224, 224, 224, 0.749);

}

.search>div:nth-child(1),
.dataList>div:nth-child(1) {
  height: 50px;
  background-color: rgb(243, 243, 243);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2%;
}

.dataList {
  border: 1px solid rgba(224, 224, 224, 0.749);

}

.search>div:nth-child(2) {
  height: 60px;
  display: flex;
  flex-flow: row nowrap;
  /* justify-content: space-between; */
  align-items: center;
  padding: 0 2%;
  font-size: 16px;
}

.search>div:nth-child(2)>div {
  flex-grow: 1;
}

.search>div:nth-child(2)>div input {
  width: 300px;
  border: 0px solid #000;
  outline: 1px solid rgb(159, 159, 159);
  border-radius: 2px;
}

.search>div:nth-child(2)>div>input:hover {
  outline: 1px solid rgba(196, 196, 196, 0.71);
}

.search>div:nth-child(1)>button,
.btn {
  background-color: white;
  border: 1px solid rgb(179, 178, 178);
  width: 90px;
  padding: 3px 0;
}

/* .ant-table-cell,
.ant-table-thead {
  text-align: center;
} */


.main {
  padding: 0 10%;
}